<template>
  <div class="not-found">
    <div class="back-box">
      啊哦~页面不存在，<router-link to="/" class="back">这里</router-link
      >返回主页喔
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
}
</script>

<style lang="less">
.not-found {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("../assets/404.png") center no-repeat;
  background-size: contain;
  .back-box {
    font-size: 20px;
    position: absolute;
    top: 100px;
    left: 200px;
    .back {
      font-weight: 700;
      color: rgb(103, 103, 159);
    }
  }
}
</style>